table td tr {padding:0; margin:0; line-height:0;}
body{font-family:arial,sans-serif,SimSun,SimHei}
/*leave report*/
.content{position:relative;}
.cfnav {border-bottom:1px solid #ccc; height:23px; padding-top:5px; width:100%;}
.cfnav li{float:left;line-height:25px; background:url(../images/tab_btn2.png) no-repeat;margin-left:5px; font-weight:bold; height:24px;}
.cfnav li a{background:url(../images/tab_btn2.png) no-repeat right -25px;display:inline-block; padding:0 10px;}
.cfnav li.current{background:url(../images/tab_btn2.png) no-repeat 0 -50px }
.cfnav li.current a{background:url(../images/tab_btn2.png) no-repeat right -75px;display:inline-block;}
.leave{clear:both;}
.leave input{width:70px;}

.leave td, th{height:24px; min-width:100px; padding:5px;vertical-align:middle;}
.leave thead{background:#F7F7F7}
.leave thead td{border-right:1px solid #fff;line-height:30px}
.leave thead td span{display:inline-block;text-align:center; padding:0 10px 0 20px;}
.leave thead th{line-height:1;background: url("../images/tab_line.png") no-repeat right center #ddd;border-top: 1px solid #CFCFCF;color: #525252; font-weight:bold;margin-top:10px;text-align:left;}
.leave thead th:last-child {background-image:none;}
.leave tbody td{border-bottom:1px solid #F7F7F7; height:25px;}
.fliter{ position:absolute;right:30px;top:40px; *top:45px;}
.fliter input{position:relative; top:-5px;}
.fliter img{cursor:pointer;}
.fliter .year{color:#ccc;}
.search{height:23px; width:23px; background:url(../images/search.jpg) no-repeat;cursor:pointer;position:relative; top:5px; margin-left:20px;}

/*leave details*/
.detail{border:1px solid #F7F7F7; width:100%;}
.detail tr td{border-bottom:1px solid #F7F7F7;}
.detail tr:last-child td{border-bottom:none;}
.detail .item{background:#F7F7F7; font-weight:bold;border-bottom:1px solid #ccc; text-align:right;}
.content .back{float:right;margin:10px;display:inline-block; padding:0 10px; color:#fff;}
.btn{float:right; margin-top:20px;}
.btn button{cursor:pointer;}
.submit{padding:0 10px;margin-left:10px;background: url("../images/green/btn_link_bg.png") repeat-x scroll 0 0 ;border-bottom: 1px solid #82B360;border-left: 1px solid #9CCE79;border-top: 1px solid #9CCE79;color: #FFFFFF;outline: 1px solid #79AB54;font-weight:bold; display:inline-block;}
.content .show{color:#fff;}
.show{background: url("../images/green/btn_link_bg.png") repeat-x scroll 0 -30px;border-bottom: 1px solid #8A8A8A; border-left: 1px solid #BEBEBE; border-top: 1px solid #CECECE;outline: 1px solid #B2B2B2;font-weight:bold;margin-left:10px;cursor:pointer; display:inline-block; padding:0 10px;}

/*month Details*/
.month{width:98%;overflow-y:none; overflow-x:scroll; scrollbar-face-color: #94c478;scrollbar-track-color: #ecf9e5;scrollbar-darkshadow-color:#689e40;scrollbar-arrow-color:#fff;}
.month::-webkit-scrollbar{background-color:#ecf9e5;-webkit-border-radius: 10px}
.month::-webkit-scrollbar-button{display:none;}
.month::-webkit-scrollbar-track{background-color:#ecf9e5; -webkit-border-radius: 10px; border:1px solid #94c478;-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);}
.month::-webkit-scrollbar-thumb{background-color:#94c478;border:1px solid #689e40;  -webkit-border-radius: 10px;}
.mon{position:absolute; top:120px; background:#fff; z-index:1;}
.mon td{*width:120px;}
.mdetail{*width:2000px; position:static;clear:both;}
.mdetail thead td{width:100px;line-height:1.5; height:58px;}
/*history*/
.history{overflow:auto;}
.montht{width:98%;}

/*filter*/
.filter{margin:20px 0 0 20px;}
.filter dl{float:left; display:block; width:33%}
.filter .Summary{height:320px;*height:360px;}
.filter dl dt{margin:0 0 10px 0;}
.filter dl dd{ text-indent:1em;}
.okcancel{width:200px; margin:0 auto; text-align:center;clear:both; margin-top:30px; }

.Compensation{width:98%;}
.Compensation thead{background:#F7F7F7; font-weight:bold;}
.Compensation th{border-left:1px solid #fff;}
.Compensation td,th{text-align:center;height:22px; line-height:22px; border-bottom:1px solid #F7F7F7}

/*datepicker*/
.ui-datepicker-calendar td,.ui-datepicker-calendar th{min-width:10px;}

/*apply action*/
.apply{margin:0; border:1px solid #ccc;}
.info{height:60px; border-bottom:1px solid #ccc;width:100%;background:#f6faf4; padding-top:30px;}
.info dt{width:15%; font-weight:bold; float:left;margin-left:30px;}
.info dd{width:15%; float:left;}
.applyform{clear:both; padding:20px 0 0 0px;width:100%;}
.applyform dt{height:30px; line-height:30px; background:#f6faf4;border-bottom:1px solid #Cddbc3; padding:0 0 0 10px;}
.applyform h3{ height:30px;background:#f6faf4;border-bottom:1px solid #Cddbc3; padding:0 0 0 10px;  line-height:30px;}
.applyform .mrelate{padding-left:35px;}
.applyform dt span.arrow1{display:inline-block; height:12px; width:12px; background:url(../images/right.png) no-repeat;}
.applyform dt span.arrow2{display:inline-block; height:12px; width:12px; background:url(../images/down.png) no-repeat;}
.applyform dt input{position:relative; top:2px;}
.applyform dd{padding:10px 0 10px 28px; display:none;}
.applyform dd.first {display:block;}
.applyform dd input[mark="f"],[mark="t"]{width:75px;}
.applyform label{width:auto; margin:0 0 0 20px; font-weight:normal}
.applyform .total{float:right;}
.applyform .total input{margin:0 10px 0 0; width:20px;}
.applyform .total label{width:65px;}
.applyform input[name="browse"]{margin:0 0 0 45px; width:175px;}
.applyform dd .reason{display:block; margin:5px 0 0 0;}
.applyform dd textarea{display:block; height:50px; width:90%;}
.manager{width:370px;margin:0 auto 30px auto;}
.manager dt{float:left; font-weight:bold; margin:0 0 0 30px;}
.manager dd{float:left; margin:0 0 0 10px;}
.btngroup{width:250px; margin:20px auto 0 auto;}
.message{color:red; display:inline-block; background:#ffebea; border:1px solid red; padding:2px 10px;margin-left:20px;}

/*hr approve and reject*/
.hrapprove{width:800px; margin:0 auto; background:#F6FAF4; padding:10px 0 30px 30px;}
.hrapprove h3{ font-weight:bold; margin:15px 0 5px 0; width:100%; color:#390;}
.hrapprove dt{float:left; width:100px; font-weight:bold}
.hrapprove dd{float:left; margin-left:10px; width:150px;}
.clear{ clear:both;}
.hrapprove .reason, .hrapprove .attachment{ width:100%; margin-top:10px;}
.hrapprove .reason + dd{ width:100%; margin:0;}
.save{ width:100px; margin:20px auto;}
.marriage{ float:left; width:40%}
.maternity{ float:left; width:60%}
.maternity .muti{ margin:0 20px 20px 0; height:16px;}
.hrapprove label{ padding:0; margin-left:10px;}
.ajform{ background:#F6FAF4;}